﻿<UserControl x:Class="ToolkitSamples.Views.LoopingSelectorView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:pri="clr-namespace:Techappy.Silverlight.Toolkit.Primitives;assembly=Techappy.Silverlight.Toolkit"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <RadialGradientBrush>
                <GradientStop Color="#FF007AB2" Offset="0"/>
                <GradientStop Color="#FF005183" Offset="1"/>
                <GradientStop Color="#FF0079B1" Offset="0.301"/>
                <GradientStop Color="#FF0072AD" Offset="0.617"/>
                <GradientStop Color="#FF0073AE" Offset="0.535"/>
            </RadialGradientBrush>
        </Grid.Background>
        <pri:LoopingSelector x:Name="lSelector"
                             ItemMargin="2,3,3,2" 
                             SelectedItemPosition="200 200" 
                             Orientation="Vertical"
                             EmptyWidthOrHeight="100"
                             ItemSize="200,60">
            <pri:LoopingSelector.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <TextBlock Text="{Binding}" Foreground="White" FontSize="40"/>
                    </Grid>
                </DataTemplate>
            </pri:LoopingSelector.ItemTemplate>
            <pri:LoopingSelector.EmptyContent>
                <ContentControl>
                    <Grid  Height="100" Width="200">
                        <Image Source="/Views/Images/15.jpg" HorizontalAlignment="Left"/>
                    </Grid>
                </ContentControl>
            </pri:LoopingSelector.EmptyContent>
        </pri:LoopingSelector>
    </Grid>
</UserControl>
